<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>csdn</title>
		<style type="text/css">
			body{
				min-width: 900px;
			}
			*{margin: 0; padding: 0;}
			.clearfix:after{
				clear: both;
				height: 0;
				content: '';
				display: block;
			}
			a{text-decoration: none;font-size:14px;}
			li{list-style: none;}
			#nav{
				height: 40px;
				background: darkgray;
			}
			#nav #menu {
				float: right;
			}
			#nav #menu li{
				float: left; 
			}
			#nav #menu li a{
				line-height: 20px;
			}
			#adv{height: 100px; background-color: aqua;}
			#navigator{
				height: 50px;
				background-color: blanchedalmond;
			}
			#hot{
				background-color: aquamarine;
				height: 40px;
			}
			#content{
				border: 2px solid red;
				 
			}
			#content #left{
				width: 69%;
				border: 1px green groove;
				/*height: 1000px;*/
				float: left;
			}
			#content #right{
				width: 30%;
				float: right;
				background-color: #FFA500;
			}
			#content #left #toutiao
			{
				
			}
			#content #left #toutiao #pict{
				float: left;
				background-color: blue;
				width: 50%;
				height: 300px;
			}
			#content #left #toutiao #article{
				float: left;
				background-color:pink;
				width: 50%;
				height: 300px;
			}
			#content #left #topic #st{
				float: left;
				background-color: #FFC0CB;
				width: 45%;
			}
			#content #left #topic #news{
				float: right;
				background-color: yellow;
				width: 51%;
			}
			#tech{
				height: 80px;
				background-color: magenta;
			}
			#gov{
				height: 50px;
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<div id="nav" class="clearfix">
			<ul id="menu" class="clearfix">
				<li><a href="#">您还未登录！</a></li>
				<li><a href="#">|登录</a></li>
				<li><a href="#">|注册</a></li>
				<li><a href="#">|帮助</a></li>
				<li><input type="text" placeholder="soso"/></li>
			</ul>
			 
		</div>
		<div id="adv">
			<a href="#"><img src="../img/bulb.png" /></a>
		</div>
		<div id="navigator" >
			<ul>
				<li>qita</li>
			</ul>
		</div>
		<div id="hot" >
			<ul>
				<li><a href="#">人工只能</a></li>
			</ul>
		</div>
		<div id="content" class="clearfix">
			<div id="left" class="clearfix">
				<div id="toutiao" class="clearfix">
					<div id="pict">
						微信老了
					</div>
					<div id="article">
						从开发小白到音视频专家
					</div>
				</div>
				<div id="banner">
					<img src="../day6/img4.png" height="80px" width="80%"/>
				</div>
				<div id="topic" class="clearfix">
					<div id="st" >
						<ul>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
						</ul>
					</div>
					<div id="news">
						<ul>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							 <li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
							<li><a href="#">Java面试知识点合集 </a></li>
						</ul>
					</div>
				</div>
			</div>
			<div id="right" >
				<ul>
					<li><a href="#">快速入口</a></li>
					<li><a href="#">快速入口</a></li>
					<li><a href="#">快速入口</a></li>
					<li><a href="#">快速入口</a></li>
					<li><a href="#">快速入口</a></li>
					<li><a href="#">快速入口</a></li>
				</ul>
			</div>
			
			 
		</div>
		<!--<div class="clearfix"></div>-->
		<div id="tech" >
			<a href="#">java</a><a href="#">java</a><a href="#">java</a><a href="#">java</a>
		</div>
		<div id="gov"></div>
	</body>
</html>
